<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,
     maximum-scale=1.0,minimum-scale=1.0,">
     <link rel="stylesheet" href="css/normalize.css">
     <link rel="stylesheet" href="css/index.css">
     <link rel="shortcut icon" href="favicon.ico" />
    <title>多快好省，购物上京东！</title>
</head>
<body>
    <!-- /* 顶部start */ -->
    <header class="app">

        <ul>
            <li><img src="images/no.png" alt=""></li>
            <li><img src="images/loog.png" alt=""></li>
            <li>打开京东App，购物更轻松</li>
            <li><a href="#">立即打开</a></li>
        </ul>

    </header>
    <!-- /* 顶部end */ -->

    <!-- /* 搜索栏start */ -->
    <div class="search">

        <div class="leftbu"></div>

        <div class="search-xiao">

             <div class="jd-icon"></div>

             <div class="sou"></div>

        </div>

        <div class="rightbu"><a href="#">登录</a></div>

    </div>
    <!-- /* 搜索栏end */ -->

<!-- 主体部分 -->

    <!-- nav -->
    <div class="main-content">

        <!-- 滑动图片 -->
        <div class="slider"><img src="../京东小项目/upload/hdt1.dpg" alt=""></div>

        <!-- 品牌日 -->
        <div class="tueji">

            <div><a href="#"><img src="../京东小项目/upload/main-1.png" alt=""></a></div>

            <div><a href="#"><img src="../京东小项目/upload/main-2.png" alt=""></a></div>

            <div><a href="#"><img src="../京东小项目/upload/main-3.png" alt=""></a></div>

        </div>


        <nav>
              <a href="#"><img src="../京东小项目/images/nav-1.dpg" alt=""><p>京东超市</p></a> 
              <a href="#"><img src="../京东小项目/images/nav-2.dpg" alt=""><p>数码电器</p></a> 
              <a href="#"><img src="../京东小项目/images/nav-3.dpg" alt=""><p>京东服饰</p></a> 
              <a href="#"><img src="../京东小项目/images/nav-4.dpg" alt=""><p>京东生鲜</p></a> 
              <a href="#"><img src="../京东小项目/images/nav-5.dpg" alt=""><p>京东到家</p></a> 
              <a href="#"><img src="../京东小项目/images/nav-6.dpg" alt=""><p>缴费充值</p></a> 
              <a href="#"><img src="../京东小项目/images/nav-7.dpg" alt=""><p>9.9元拼</p></a> 
              <a href="#"><img src="../京东小项目/images/nav-8.dpg" alt=""><p>领券</p></a> 
              <a href="#"><img src="../京东小项目/images/nav-9.dpg" alt=""><p>领金贴</p></a> 
              <a href="#"><img src="../京东小项目/images/nav-10.dpg" alt=""><p>PLUS会员</p></a> 
        </nav>



    </div>
    <!-- nav -->

    <!-- news -->
    <div class="news">

        <a href="#">  <img src="../京东小项目/upload/news-1.png" alt="">  </a>
        
        <a href="#">  <img src="../京东小项目/upload/news-2.png" alt="">  </a>

        <a href="#">  <img src="../京东小项目/upload/news-3.png" alt="">  </a>
    

    
    </div>










</body>
</html>